<template>
	<div class="home">
		<img alt="Vue logo" src="../assets/logo.png" />
		<HelloWorld msg="Welcome to Your Vue.js App" />
	</div>
</template>

<script>
	// @ is an alias to /src
	import HelloWorld from "@/components/HelloWorld.vue";

	export default {
		name: "Home",
		components: {
			HelloWorld
		},
		// beforeRouteEnter(to, from, next) {
		//     // 添加背景色
		//     document.querySelector('body').setAttribute('style', 'background-color:#F5F5DC')
		//     next()
		//   }
	};
</script>

<style scoped lang="scss">
	
.home{
    width:100%;  
    height:100%;  /**宽高100%是为了图片铺满屏幕 */
    z-index:-1;
    position: absolute;
	//设置背景图
	background: url(../../public/bgimgs/bg-c.jpg);
}


</style>
